<template> 
    <div>
		<!-- 轮播图 -->
			<div>
				<el-carousel indicator-position="outside" style="" height="100vh" >
				    <el-carousel-item v-for="(item,index) in tp" :key="index">
				      <img :src="item.tps" alt="" style="width: 100%;height: 100%;" />
				    </el-carousel-item>
				  </el-carousel>
			</div>
	</div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'

export default {
  name: 'HomeView',
  components: {
    HelloWorld
  },
  data() {
  	return{
		tp:[
			{
				tps:'1.jpg'
			},
			{
				tps:'2.jpg'
			},
			{
				tps:'3.jpg'
			},
		]
	}
  }
}

</script>

<style>
	/* .el-carousel__item h3 {
	    color: #475669;
	    font-size: 18px;
	    opacity: 0.75;
	    line-height: 300px;
	    margin: 0;
		
	  }
	  
	  .el-carousel__item:nth-child(2n) {
	    background-color: #99a9bf;
	  }
	  
	  .el-carousel__item:nth-child(2n+1) {
	    background-color: #d3dce6;
	  } */
</style>